import { createRouter, createWebHistory } from 'vue-router'
import HomePage from '@/pages/HomePage.vue'
import UserLoginPage from '@/pages/user/UserLoginPage.vue'
import UserRegisterPage from '@/pages/user/UserRegisterPage.vue'
import UserManagePage from '@/pages/admin/UserManagePage.vue'
import AddPicturePage from '@/pages/AddPicturePage.vue'
import PictureManagePage from '@/pages/admin/PictureManagePage.vue'
import PictureDetailPage from '@/pages/PictureDetailPage.vue'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: '主页',
      component: HomePage,
    },
    {
      path: '/user/login',
      name: '用户登录',
      component: UserLoginPage,
    },
    {
      path: '/user/register',
      name: '用户注册',
      component: UserRegisterPage,
    },
    {
      path: '/admin/userManage',
      name: '用户管理',
      component: UserManagePage,
    },
    {
      path: '/add_picture',
      name: '创建图片',
      component: AddPicturePage,
    }, {
      path: '/admin/pictureManage',
      name: '管理图片',
      component: PictureManagePage,
    },{
      path: '/picture/:id',
      name: '图片详情',
      component: PictureDetailPage,
      props: true,
    }


  ],

  // routes: [
  //   {
  //     path: '/',
  //     name: 'home',
  //     /* 静态导入 (HomeView)
  //       直接导入组件，打包时会合并到主 JS 文件。
  //       应用启动时立即加载，无论用户是否访问该路由。
  //       适用场景：核心页面（如首页），需要快速渲染。
  //      */
  //     component: HomeView,
  //   },
  //   {
  //     path: '/about',
  //     name: 'about',
  //     //动态导入 (import()) 使用 import() 语法，打包时会生成独立的代码块（如 About.[hash].js）。
  //     // 懒加载：只有访问 /about 路由时才会加载该组件。 减少初始加载体积，提升首屏速度。 按需加载，优化用户体验。
  //     component: () => import('../views/AboutView.vue'),//
  //   },
  //
  // ],
})

export default router
